<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>app-keepRun</title>
  </head>
  <body>
    <div class="keepRun">
      <div class="mask">
        <div class="title">
          <div class="title-tip">
            <p class="tip1 f16 lh20">做任务</p>
            <p class="fs24 clff">运动中</p>
          </div>
          <div class="title-icon">
            <span class="iconfont icon-music2"></span>
            <span class="iconfont icon-tuning"></span>
          </div>
        </div>

        <div class="number">
          <p>99.99 <span>公里</span></p>
        </div>

        <div class="location">
          <span class="lot-first">GPS信号度低, 数据精准度低</span>
          <span>———</span>
          <span class="iconfont icon-coordinate"></span>
        </div>

        <div class="icon">
          <ul>
            <li>
              <span class="iconfont icon-speed"></span>
              <span>配速</span>
              <span>— —</span>
            </li>
            <li>
              <span class="iconfont icon-practice"></span>
              <span>用时</span>
              <span>00:00:20</span>
            </li>
            <li>
              <span class="iconfont icon-calorie"></span>
              <span>千卡</span>
              <span>3000</span>
            </li>
          </ul>
        </div>

        <div class="pause-lock">
          <div class="pause">
            <div class="pause-stop">
              <p class="pause-circle" id="pauseCircle"></p>
              <p class="pause-title">
                <span class="iconfont icon-stop2"></span>
                <span class="pause-stop">暂停</span>
              </p>
            </div>
            <span class="iconfont icon-locking"></span>
          </div>
        </div>

        <div class="pause-display">
          <div class="pause-choice">
            <p class="continueO">
              <span class="iconfont icon-play2"></span>
              <span>继续</span>
            </p>
            <p class="over">
              <span class="iconfont icon-close"></span>
              <span>结束</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
